//
//  ZQVIsitorView.swift
//  新浪微博
//
//  Created by huami on 2019/10/20.
//  Copyright © 2019 huami. All rights reserved.
//

import UIKit

class ZQVisitorView: UIView {
    // 注册按钮
     lazy var registerButton: UIButton = UIButton.cz_textButton(
          "注册", fontSize: 16,
          normalColor:.orange,
          highlightedColor: .black,
          backgroundImageName: "common_button_white_disable")
      
      // 登陆按钮
       lazy var loginButton: UIButton = UIButton.cz_textButton(
          "登陆", fontSize: 16,
          normalColor:.darkGray,
          highlightedColor: .black,
          backgroundImageName: "common_button_white_disable")
    
    /// mark: - 设置访客视图信息
    /// 使用字典设置访客视图信息
    /// - Parameter dict: [imageName ：message]
    var vistorInfo: [String: String]? {
        didSet {
            // 1.>取字典的信息
            guard let imageName = vistorInfo?["imageName"],
                let message = vistorInfo?["message"] else {
                    return
            }
            
            // 2.> 设置消息
            tipLabel.text = message
            
            // 3.> 设置图像，首页不需要设置
            if imageName == "" {
                startAnimation()
                return
            }
            
            iconView.image = UIImage(named: imageName)
            
            houseIconView.isHidden = true
            maskIconView.isHidden = true
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
     
    
    /// 旋转图标动画
    private func startAnimation() {
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        anim.repeatCount = MAXFLOAT
        anim.toValue = 2 * Double.pi
        anim.duration = 15
        // 完成动画后不删除，点击其他页面再回来继续动画 iconView被释放，动画会一起释放
        anim.isRemovedOnCompletion = false
        // 添加动画到图层
        iconView.layer .add(anim, forKey: nil)
    }
    
    // MARK: - 私有控件
    // 图像视图
    private lazy var iconView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    
    // 遮罩图像
    private lazy var maskIconView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))

    // 小房子
    private lazy var houseIconView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    // 提示标签
    private lazy var tipLabel: UILabel = UILabel.cz_label(withText: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜", fontSize: 14, color: .darkGray)
  
}

extension ZQVisitorView {
    func setupUI() {
        backgroundColor = UIColor.cz_color(withHex: 0xededed)
        
        tipLabel.numberOfLines = 0
        tipLabel.textAlignment = .center
        
        let margin: CGFloat = 20.0
        
        // 1.添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        // 2.取消autoresizing 代码是autoresizing xib是autolayout 二者不能共存
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        // 3.自动布局 constant -200 往上
        // 1> 图像视图
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -60))
        // 2> 小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))
        
        // 3> 提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 236))
        // 4> 注册按钮
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        
        addConstraint(NSLayoutConstraint(item: registerButton,
                                                attribute: .top,
                                                relatedBy: .equal,
                                                toItem: tipLabel,
                                                attribute: .bottom,
                                                multiplier: 1.0,
                                                constant: margin))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                             attribute: .width,
                                             relatedBy: .equal,
                                             toItem: nil,
                                             attribute: .notAnAttribute,
                                             multiplier: 1.0,
                                             constant: 100))
        
        // 5> 登陆按钮
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: registerButton,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: registerButton,
                                         attribute: .width,
                                         multiplier: 1.0,
                                         constant: 0))
              
        // 6> 遮罩图像
        // views: 定义VFL中控件名称和实际名称映射关系
        // metrics: 定义VFL中（）指定的常数映射关系
        let viewDict = ["maskIconView" : maskIconView,
                        "registerButton" : registerButton]
        
        
        
        
        
        let metrics = ["spacing" : 10]
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",
                                                      options: [],
                                                      metrics: nil,
                                                      views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[registerButton]",
                                                           options: [],
                                                           metrics: metrics,
                                                           views: viewDict))
    }
}
